<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="hotcss" content="initial-dpr=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
        <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
        <META HTTP-EQUIV="Expires" CONTENT="0">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
        <link rel="stylesheet" href="./start/css/Application.css">
        <!-- <link rel="stylesheet" href="./start/css/mobiscroll.custom-2.6.2.min.css"> -->
        <title>提交流程</title>
        <script src="./start/js/jquery-1.10.2.min.js"></script>
        <script src="./start/js/aes_1.js"></script>
        <script src="./start/js/vue.js"></script>
        <!-- <script src="./start/js/mobiscroll.custom-2.6.2.min.js"></script> -->
        <script type="text/javascript" src="./start/js/jdate.min.js"></script></body>
		
        <!-- <script type="text/javascript" src="./start/department.json"></script></body> -->
        <!-- script src="./start/js/pdf.worker.js"></script>
        <script src="./start/js/jquery.media.js"></script>  -->
        
      </head>
<body>
    <div class="application" id="app">
        <!-- <div class="titletext">{{titletext}}</div> -->
        

         <div class="approval-data">
                
                
                <div class="approval-data-div" v-for="(item,index) in jibenxinxi" :key="index">
                    <div class="approval-data-div-1">{{item.leixing}}</div>
                    <div v-show="item.category=='nobj'" class="approval-data-div-2">{{item.neirong}}</div>
                    <div v-show="item.category=='bj-select'&&isdeit" class="approval-data-div-2" @click="selectClick1(item)" >
                        {{item.neirong}}
                        <div v-show="item.neirong==''" class="bitian">必填</div>
                    </div>
                    <div v-show="item.category=='bj-select'&&!isdeit" class="approval-data-div-2" >{{item.neirong}}</div>
                    <input v-show="item.category=='bj'" @blur='daxie(item.leixing,item.neirong)'  :placeholder='item.tishi'  :oninput=item.maxlength :disabled="isdeit?false:true" :id='item.leixing' class="approval-data-div-2" :type="item.inputtype"  v-model:value='item.neirong' style='border:0;outline: none;'>
                    <input v-show="item.category=='bj-time'&&isdeit"  :placeholder='item.tishi' readonly :class="item.eventname" :id='item.leixing' v-model:value='item.neirong'  :type="item.inputtype"  style='border:0;outline: none;margin-left:22px;width: 70%;'>
                    <input v-show="item.category=='bj-time'&&!isdeit" :placeholder='item.tishi' disabled='false' v-model:value='item.neirong' :type="item.inputtype"  style='border:0;outline: none;margin-left:22px' ></input>

                </div>
                
        
                <!-- 是否显示附件 -->
                <div v-show="existsAttachment" class="approval-data-annex">
                    <div class="approval-data-annex-box">
                        <div class="approval-data-annex-name">附件</div>
                        <div class="approval-data-annex-img" @click="annexClick" v-show="isdeit">
                        <!-- <div class="approval-data-annex-img" > -->
                            <!-- <label for="addEngcaseImgimg" > -->
                                <img src="./start/img/addimg.png" alt="">
                            <!-- </label> -->
                        </div>
                    </div>
                    <div class="approval-data-annex-list">
                        <div class="approval-data-annex-item"  v-for="(item,index) in jibenFile" :key="index">
                            <div class="ada-item-left" @click="annexPreview(item)">{{item.fileName}}</div>
                            <div v-show="isdeit"  style="color:#27C79A" @click="deleteFile(item,index)">删除</div>
                        </div>
                        
                    </div>
                </div>
                <input  type="file" name="file" id="addEngcaseImgimg" @change="addEngcaseImgFunimg($event)" style="display: none"   accept="image/gif, image/png, image/jpg, image/jpeg"/>


                <!-- 是否显示采购详情 -->
                <!-- <div v-show="PurchaseDetails" class="approval-data-purchase">
                    <div class="approval-data-purchase-title">
                        <div>采购详情</div>
                        <div class="approval-data-purchase-title-right" @click="addDetails">
                            <img  src="./start/img/add.png" alt="">
                            <span >添加</span>
                        </div>
                    </div>
                    <div class="approval-data-purchase-list">
                        <div class="purchase-list-item">
                            <div class="p-list-item-left">
                                <div class="p-list-item-left-index">1</div>
                            </div>
                            <div class="p-list-item-right">
                                <div class="p-list-item-right-1">宣传单页</div>
                                <div class="p-list-item-right-2"></div>
                                <div class="p-list-item-right-3">
                                    <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:left">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:left">1000</div>
                                    </div>
                                    <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:center">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:center">1000</div>
                                    </div>
                                    <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:right">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:right">1000</div>
                                    </div>
                                </div>
                                <div>
                                    <span style="font-size:12px;color:#999">备注：</span>
                                    <span style="font-size:12px;color:#999">750g纸质</span>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div> -->

                <!-- 是否显示单据明细 -->
                <div v-show="DocumentDetails" class="approval-data-document">
				
                    <div class="approval-data-document-title">
                        <div>单据明细</div>
                        <div class="approval-data-document-title-right" @click="addDetails" v-show="isdeit">
                            <img  src="./start/img/add.png" alt="">
                            <span >添加</span>
                        </div>
                    </div>
                    <div class="approval-data-document-list">
                        <div class="document-list-item" v-for="(item,index) in mingxi.midata" :key="index" @click="listItemClick(index)">
                            <div class="d-list-item-left">
                                <div class="d-list-item-left-index">{{index+1}}</div>
                            </div>
                            <div class="d-list-item-right" v-show="mingxi.showPage==2">
                                <div  class="d-item-right-item" v-for="(it,ind) in mingxi.midata[index]" :key='ind+"aca"'>
                                    <div class="d-item-right-item-1">{{it.leixing}}</div>
                                    <div class="d-item-right-item-2">{{it.neirong}}</div>
                                </div>
                                <!-- <div  class="d-item-right-item">
                                    <div class="d-item-right-item-1">供应商：</div>
                                    <div class="d-item-right-item-2">泉州中兴磨具有限公司</div>
                                </div>
                                <div  class="d-item-right-item">
                                    <div class="d-item-right-item-1">金额(元)：</div>
                                    <div class="d-item-right-item-2">336.00</div>
                                </div> -->
                            </div>
                            <div class="d-list-item-right" v-show="mingxi.showPage==3">
                                <!-- <div>{{item[0].istype}}</div> -->
                                <div class="p-list-item-right-1" v-for="(it,ind) in mingxi.midata[index]" v-if="it.istype=='1'" :key='ind+"bbc"'>{{it.neirong}}</div>
                                <div class="p-list-item-right-2"></div>
                                <div class="p-list-item-right-3"> 
                                    <div class="item-right-3-item" v-for="(it,ind) in mingxi.midata[index]" v-if="it.istype=='2'" :key='ind+"bb"'>
                                        <div class="item-right-3-item-title" :style="{textAlign:it.textAlign==0?'left':(it.textAlign==2?'right':'center')}">{{it.leixing}}</div>
                                        <div class="item-right-3-item-text" :style="{textAlign:it.textAlign==0?'left':(it.textAlign==2?'right':'center')}">{{it.neirong}}</div>

                                    </div>
                                    <!-- <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:center">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:center">1000</div>
                                    </div>
                                    <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:center">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:center">1000</div>
                                    </div>
                                    <div class="item-right-3-item">
                                        <div class="item-right-3-item-title" style="text-align:right">数量</div>
                                        <div class="item-right-3-item-text" style="text-align:right">1000</div>
                                    </div> -->

                                </div>
                                <div v-for="(it,ind) in mingxi.midata[index]" v-if="it.istype=='3'" :key='ind+"bbcc"'>
                                    <span style="font-size:12px;color:#999">备注：</span>
                                    <!-- <span style="font-size:12px;color:#999">{{mingxi.beizhu?mingxi.data[index][mingxi.toubu.length]:'无'}}</span> -->
                                    <span style="font-size:12px;color:#999">{{mingxi.beizhu?it.neirong:'无'}}</span>
                                </div>
                            </div>
                            <div class="d-list-item-right" v-show="mingxi.showPage==4">
                                <div class="p-list-item-right-1">{{mingxi.showtext4}}</div>
                                <div class="p-list-item-right-2"></div>
                                <div class="d-list-item-right-2">
                                    <div class="d-list-item-right-2-item" v-for="(it,ind) in mingxi.midata[index]" :key='ind+"acaa"'>
                                        <div class="d-list-item-right-2-item-text">{{it.leixing}}</div>
                                        <div class="d-list-item-right-2-item-text">{{it.neirong}}</div>
                                    </div>
                                    <!-- <div class="d-list-item-right-2-item" >
                                        <div class="d-list-item-right-2-item-text">结束时间：</div>
                                        <div class="d-list-item-right-2-item-text">2018-09-30 12:11</div>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- <div>{{titletext1}}</div> -->
				<!-- <div>{{titletext2}}</div> -->
				<!-- <div>{{titletext3}}</div> -->
		</div>  
        <div v-show="isaddProcess==0">
            <div class="bottom-btn1" >
                <div @click="saveclick">保存</div>
                <div @click="deleteclick" v-show="isdelete">删除</div>
            </div>
            <div class="bottom-btn2" >
                <div @click="editclck" >编辑</div>
                <div @click="submitclick">提交</div>
            </div>
        </div>
        <div v-show="isaddProcess==1">
            <div class="bottom-btn11" >
                <div @click="editclck">编辑</div>
                <div @click="submitclick">提交</div>
                <div @click="deleteclick">删除</div>
            </div>
            <div class="bottom-btn22" >
                <div @click="saveclick">保存</div>
                <div @click="cancelClick">取消</div>
            </div>
        </div>
        <!-- 黑色背景 基本信息使用-->
        <div class="s-M-Details1" @click="sMDetailsClick1">
        </div>
        <!-- 黑色背景 明细使用-->
        <div class="s-M-Details" @click="sMDetailsClick">
        </div>
        <!-- 黑色背景 附件使用-->
        <div class="s-M-Detailsfujian" @click="sMDetailsClickfujian">
        </div>
        <!-- 黑色背景 删除使用-->
        <div class="s-M-DetailsDelete">
        </div>
        <!-- 黑色背景 提示空使用-->
        <div class="s-M-DetailsNull" @click="sMDetailsClickNull">
        </div>
        <!-- 黑色背景 转圈圈使用-->
        <div class="s-M-DetailsLoading" @click="sMDetailsClickLoading">
        </div>
        <!-- 黑色背景 失败使用-->
        <div class="s-M-Detailsfailure" @click="sMDetailsClickfailure">
        </div>
        <!-- 下拉选项框 基本信息使用-->
        <div class="smd-box1-title">
            <div class="sbt-box">
                <input type="text" name="" id="" v-model:value='selectName'>
                
            </div> 
        </div>
        <div class="smd-box1">
            <div class="smd-list">
                <div class="smd-list-div" :class="{ 'active' : checkXialadata(item) }" v-for="(item,index) in xialadata" :key="index" @click="smdListItemClick1(item)">{{item.name}}</div>
                <!-- <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div> -->
                
                
            </div>
        </div>
        <!-- 下拉选项框 明细使用-->
        <div class="smd-box">
            <!-- <div class="md-title">
                <img @click="smdboxclose" src="./start/img/delete.png" alt="">
            </div> -->
            <div class="smd-list">
                <div class="smd-list-div" v-for="(item,index) in xialadata" :key="index" @click="smdListItemClick(item)">{{item.name}}</div>
                <!-- <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div>
                <div class="smd-list-div">瑞石有限公司</div> -->
                
                
            </div>
        </div>
        <!-- 附件文件名框 -->
        <div class="smd-boxfujian">
            <div class="md-title">
                <img @click="modelclosefujian" src="./start/img/delete.png" alt="">
            </div>
            <div class="smd-fujianbox">
                <div>文件名</div>
                <input type="text" v-model:value="annexname">
            </div>
            <div class="smd-fujianbtn">
                <div @click="annexFileClick">选择文件</div>
                <div @click="annexImgClick">选择图片</div>
            </div>
        </div>
        <!-- 是否删除附件 -->
        <div class="smd-boxDelete">
            <div class="md-title">
                <img @click="modelcloseDelete" src="./start/img/delete.png" alt="">
            </div>
            <div class="sbd-text">是否要删除该附件</div>
            <div class="sbd-box-btn">
                <div @click="annexDeleteDetermine">确定</div>
                <div @click="annexDeleteCancel">取消</div>
            </div>
        </div>
        <!-- 是否删除流程 -->
        <div class="smd-boxDeleteProcess">
            <div class="md-title">
                <img @click="modelcloseDeleteProcess" src="./start/img/delete.png" alt="">
            </div>
            <div class="sbd-text">是否要删除该流程</div>
            <div class="sbd-box-btn">
                <div @click="ProcessDeleteDetermine">确定</div>
                <div @click="ProcessDeleteCancel">取消</div>
            </div>
        </div>
        <!-- 提示不能为空 -->
        <div class="smd-boxNull">
            <div class="sbdNull-text">{{nullname}}</div>
        </div>
        <!-- 转圈圈 -->
        <div class="smd-boxLoading">
            <div class="sbd-Loading">
                <div>{{loadingtext}}</div>
                <img src='' />
            </div>
        </div>
        <div class="smd-failure">
            <div class="sbdNull-text">{{failurename}}</div>
        </div>


        <!-- 详情界面 -->
        <div class="Model-Details">
            <div class="md-title">
                <img @click="modelclose" src="./start/img/delete.png" alt="">
            </div>
            <div class="md-title-text">明细详情</div>
            <div class="md-list">
                <div v-show="mingxi.showPage==3&&item.istype==1" v-for="(item,index) in mingxi.midata[ModelDetailsDataIndex]" :key="index+'aa'" >
                    <div class="md-list-name">{{item.leixing}}</div>
                    <div v-if="item.category=='bj-select'" class="md-list-input" @click="selectClick(item.Identification,item.level,item.leixing)">{{item.neirong}}</div>
                    <input v-else class="md-list-input" type="text" name="" v-model:value="item.neirong" id="">

                </div>
                <!-- <input  readonly id="内结束时间" type="text"  > -->

                <div v-for="(item,index) in mingxi.midata[ModelDetailsDataIndex]" :key="index" v-show="item.istype==2">
                    <div class="md-list-name">{{item.leixing}}</div>
                    <!-- <input v-if="mingxi.data.length==0" class="md-list-input" type="text" name=""  id=""> -->
                    <!-- <input v-else class="md-list-input" type="text" name="" v-model:value="mingxi.data[mingxi.data.length-1][index]" id=""> -->
                    <input v-show="item.category=='bj'" class="md-list-input" :type="item.inputtype" name="" v-model:value="item.neirong" id="">
                    <div v-show="item.category=='bj-select'" class="md-list-input" @click="selectClick(item.Identification,item.level,item.leixing)" >{{item.neirong}}</div>
                    <input v-show="item.category=='bj-time'"  readonly :class="item.eventname" :id="item.eventname"  v-model:value='item.neirong'  type="text"  style='width: 100%;
                    height:34px;
                    background:rgba(247,247,247,1);
                    border-radius:17px;
                    outline: none;
                    border: 0;
                    font-size: 14px;
                    padding-left: 8px;
                    margin-top: 5px;
                    line-height: 34px;'>

                </div>

                <div v-show="mingxi.showPage==3&&item.istype==3" v-for="(item,index) in mingxi.midata[ModelDetailsDataIndex]" :key="index+'aaa'">
                    <div class="md-list-name">备注</div>
                    
                    <textarea class="md-list-textinput" v-model:value="item.neirong"></textarea>
                </div>
                <!-- <div>
                    <div class="md-list-name">数量</div>
                    <input class="md-list-input" type="text" name="" id="">
                </div>
                <div>
                    <div class="md-list-name">数量</div>
                    <input class="md-list-input" type="text" name="" id="">
                </div> -->
                
            </div>
            <div class="md-btn">
                <div v-show="!isaddDetails" class="md-btn-1" @click="MDdelete">删除</div>
                <div v-show="!isaddDetails" class="md-btn-2"></div>
                <div class="md-btn-1" @click="MDsave">确定</div>
            </div>
        </div>  
    </div>

    <!-- <script id="zhanshi" type="text/template">
        {@each data.jibenxinxi as list}
        <div class="approval-data-div">
          <div class="approval-data-div-1">${list.leixing}</div>
          {@if list.category=='nobj'}
          <div class="approval-data-div-2">${list.neirong}</div>
          {@else if list.category=='bj'}
          <input id='${list.leixing}' class="approval-data-div-2" value='${list.neirong}' style='border:0;outline: none;'>
          {@else}
          <input readonly class="${list.leixing}" id='${list.leixing}' value='${list.neirong}'  type="text"  style='border:0;outline: none;margin-left:22px'>
          {@/if}
        </div>
        {@/each}

      
        {@if data.existsAttachment}
        <div class="approval-data-annex">
            <div class="approval-data-annex-name">附件</div>
            <div class="approval-data-annex-img">
                <img src="./start/img/addimg.png" alt="">
            </div>
        </div>
        {@/if}

   
        {@if data.PurchaseDetails}
        <div class="approval-data-purchase">
           <div class="approval-data-purchase-title">采购详情</div>
           <div class="approval-data-purchase-list">
                <div class="purchase-list-item">
                    <div class="p-list-item-left">
                        <div class="p-list-item-left-index">1</div>
                    </div>
                    <div class="p-list-item-right">
                        <div class="p-list-item-right-1">宣传单页</div>
                        <div class="p-list-item-right-2"></div>
                        <div class="p-list-item-right-3">
                            <div class="item-right-3-item">
                                <div class="item-right-3-item-title" style="text-align:left">数量</div>
                                <div class="item-right-3-item-text" style="text-align:left">1000</div>
                            </div>
                            <div class="item-right-3-item">
                                <div class="item-right-3-item-title" style="text-align:center">数量</div>
                                <div class="item-right-3-item-text" style="text-align:center">1000</div>
                            </div>
                            <div class="item-right-3-item">
                                <div class="item-right-3-item-title" style="text-align:right">数量</div>
                                <div class="item-right-3-item-text" style="text-align:right">1000</div>
                            </div>
                        </div>
                        <div>
                            <span style="font-size:12px;color:#999">备注：</span>
                            <span style="font-size:12px;color:#999">750g直至</span>
                        </div>
                    </div>
                </div>
           </div> 
        </div>
        {@/if}

        
        <div class="approval-data-document">
            <div class="approval-data-document-title">单据明细</div>
            <div class="approval-data-document-list">

            </div>
        </div>


    </script> -->
   
    
    <script src="./start/js/common.js"></script>
    <script src="./start/js/Application.js"></script>
    
    <!-- <script src="./start/js/juicer.js"></script> -->
</body>
</html>